@charset "utf-8";

/* --手机端导航-- */
.sj_nav_all{display:none;box-shadow:0px 0px 8px rgba(0,0,0,0.2);z-index:99999;}
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.6);z-index:9900;display:none;}

.sj_head{width:100%;height:62px;display:block;position:fixed;left:0;top:0;z-index:9999;background:#0f0f0f;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.sj_head_logo{width:80%;height:62px;float:left;padding-left:15px;overflow:hidden;}
.sj_head_logo img{width:auto;height:26px;float:left;margin-top:18px;}
.sj_head_logo b{width:auto;height:62px;float:left;font-size:18px;color:#FFF;line-height:72px;font-family:Tahoma, Geneva, sans-serif;}
.sj_head_bar{width:14%;height:62px;padding-top:18px;float:right;position:relative;cursor:pointer;}
.sj_head_bar .bar{width:50%;max-width:30px;height:3px;margin:5px auto 0;display:block;background-color:#fff;
    transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav{width:86%;height:100%;background:#0f0f0f;overflow:auto;position:fixed;left:-86%;top:0;z-index:9999;}
.sj_nav_top{width:100%;height:62px;overflow:hidden;border-bottom:1px solid #eef1f4;}
.sj_nav_top_logo{width:auto;height:32px;margin-left:15px;margin-top:15px;float:left;}
.sj_nav_top_logo img{max-width:100%;height:32px;}

.sj_nav_ser{width:100%;position:relative;}
.sj_nav_ser form{width:100%;position:relative;}
.sj_nav_ser .s{width:100%;height:56px;line-height:24px;font-size:15px;color:#fff;padding:15px 55px 15px 15px;background:#0f0f0f;border:none;border-bottom:#eef1f4 solid 1px;outline:none;float:left;}
.sj_nav_ser .b{width:50px;height:56px;cursor:pointer;border:none;outline:none;position:absolute;right:0px;top:0px;background:url(../Image/sear.png) no-repeat center;}

.sj_nav_li{margin:0px 15px;border-bottom:1px solid #ddd;}
.sj_nav_li a{font-size:16px;color:#fff;display: block;}
.sj_nav_li .navn{height:50px;line-height:50px;padding:0px 5px;}
.sj_nav_li .navn .yw500{width:100%;}
.sj_nav_li .navm{width:100%;}
.sj_nav_li .navl{width:35%;float:left;}
.sj_nav_li .navr{width:65%;float:right;text-align: right;}
.sj_nav_li .navr img{width:15px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.sj_nav_li ul{display:none;padding:5px 0;}
.sj_nav_li ul li a{width:100%;height:40px;line-height:40px;padding:0px 5px;font-size:15px;color:#333;}
.sj_nav_li.current .navn{background-color:#1272b6;}
.sj_nav_li.current .navl{color: #fff;} 
.sj_nav_li.current .navr img{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}


@media screen and (max-width: 1800px){
	
}
@media screen and (max-width: 1680px){
	
}
@media screen and (max-width: 1440px){
	.pub{width:90%;}
	.header{width:98%;}
	
	
	.nava{width:65%;margin-right:2%;}
	.search ,.link{ display:none;}
	.header_right{ width:18%;}
	
	

	
}
@media screen and (max-width: 1200px){
	.nava{width:60%;margin-right:2%; margin-left:2%;}
	

	.index7_left{ margin-top:60px;}
	.index7_left_top{ font-size:30px;}
	.index7_more{margin-bottom:50px;}
	
	.index3_adv{ margin-top:80px;}
	.index3_adv li{ width:18%; padding:0 20px 0 100px;}
	.index3_more{ display:none;}

}
/* --转成wap-- */
@media screen and (max-width: 960px){
	body{padding-top:62px;}
	.pub{width:90%;padding-left:20px;padding-right:20px;}
	.pub1{width:90%;padding-left:20px;padding-right:20px;}
	.header_bg{display:none;}
	.sj_nav_all{display:block;}
	
	
	.index1_top{ text-align:center; font-size:16px; color:#f8f8f8; margin-top:50px;}
	.index1_top p{ font-size:24px; letter-spacing:1px; font-weight: bold;}
	.index1_type{ margin-top:30px;}
	.index1_type li{ width:50%; line-height:50px; color:#000; font-size:17px;}
	.index1_type li:nth-child(5){ margin:0 auto; float:none; margin-top:1px;}
	
	.index2_bj{ background:#f6f6f6; overflow:hidden; padding:40px 0;}
	.index2_top{ text-align:center; font-size:16px; color:#000000;}
	.index2_top p{ font-size:24px; margin-bottom:20px;}
	.index2_pro li{ width:48%; float:left;}
	.index2_pro li:nth-child(2n){ margin-right:0;}
	
	
	.index3_top{ text-align:center; font-size:16px; color:#fff; margin-top:30px; text-transform:uppercase;}
	.index3_top p{ font-size:24px; }
	.index3_about{  width:90%;}
	.index3_about_con{ margin:30px 0; }
	.index3_num span b{ font-size:20px;}
	.index3_adv{ margin-top:35px; overflow:hidden;}
	.index3_adv li{width:70%; float:none; border-left:none; padding:0 40px 0 100px; margin-top:50px;}
	.index3_adv li p{ font-size:22px;}
	.index3_adv li.p2{background:url(../Image/p2.png) left 40px top no-repeat; border-left:none;}
	.index3_adv li.p3{background:url(../Image/p3.png) left 40px top no-repeat;}
	.index3_adv li.p4{background:url(../Image/p4.png) left 40px top no-repeat;}
	.index3_more{ float:none; line-height:75px; background-size:cover; width:100%; text-align:center; margin-top:50px;}
	
	.index4{background:#f6f6f6; overflow:hidden; margin-top:60px;}
	.index4_left{ width:80%; margin-left:10%; float:none; margin-top:30px; position:relative;}
	.index4_left1{ width:100%;}
	.index4_top{ font-size:24px; font-weight:bold; color:#0b0306;}
	.index4_top img{ width:100%;}
	.index4_top p{ margin-top:20px;}
	.index4_about{  margin-top:30px;}
	.index4_more{margin-top:30px;}
	.index4_more img{ margin-right:10px;}
	.index4_num{ width:100%; background:#fff; position:absolute; overflow:hidden; z-index:99; margin-top:130px;}
	.index4_num li{ float:left; width:48%;color:#232323; font-size:16px; border-left:1px solid #dcdcdc; padding:5%;}
	.index4_num li p{ font-size:28px; color:#232323; font-family: Roboto; }
	.index4_num li p sub{ font-size:16px;}
	
	.index4_right{ width:100%; float:none; margin-top:30px;}

	.index5{ margin-top:40px;}
	#index5_case .swiper-slide .index5_case_con p{ font-size:16px;}
	
	.index6{ margin-top:40px;}
	.index6_main{ margin-top:40px;}
	.index6_main li{ float:left; width:100%; margin:20px 0; background:#f6f6f6; transition:all 1s;}
	.index6_main li .index6_main_time{ color:#666666; font-size:18px; margin-top:20px; line-height:35px;}
	
	.index7_bj{ margin-top:40px;}
	.index7_left{ width:80%; margin-left:10%; float:none; margin-top:60px;}
	.index7_left_top{ font-size:24px; font-weight:bold; color:#ffffff;}
	.index7_left_con{ font-size:16px; color:#ffffff; line-height:30px; width:80%; margin:40px 0;}
	.index7_more{margin-bottom:50px;}
	.index7_right{ width:100%; float:none; overflow:hidden;}
	
	.foot .foot_left{width:40%; float:left;background:url(../Image/p11.png) right center no-repeat; padding-right:5%; margin-right:5%; text-align:center; padding-top:50px; padding-bottom:50px;}
	.foot .foot_left .foot_logo{ width:100%;}
	.foot .foot_left .cop{ font-size:16px; color:#a9a9a9; margin-top:30px;}
	.foot .foot_left .cop p{ margin-top:10px;}
	.foot .foot_left .cop img{ width:80%;}
	.foot .foot_contact{width:50%; float:left; color:#333333; font-size:16px; line-height:28px; margin-top:50px;}
	.foot .foot_contact li{ margin-top:10px;}
	
	.foot .foot_nav{ display:none;}
	
	.foot_bottom{ background:#363636; overflow:hidden; color:#ffffff;line-height:30px; padding:15px 0; font-size:16px; text-align:center;}
	.foot_bottom a{ color:#fff; margin:0 10px;}
	


	.inner_banner{ font-size:20px;}
	.inner_banner p{ font-size:26px; font-weight:bold;}
	

	.inner_num{ width:75%; margin:0 auto;}
	.inner_num li{ float:left; width:50%;}
	.inner_num li .timer{ font-size:34px;}
	
	
	.inner_about1 .inner_about1_left{ width:100%; float:none;}
	.inner_about1 .inner_about1_left img{ width:100%;}
	.inner_about1 .inner_about1_right{ width:100%; float:none; margin-top:30px;}
	.inner_about1 .inner_about1_top{ font-size:24px; color:#0b0306;}
	
	
	
	.inner_about2_bj{ padding:40px 0; margin-top:40px;}
	.inner_about2_top{ font-size:24px;}
	.inner_about2_top p{ margin-top:15px;}
	.inner_about2_con{ width:80%; margin:0 auto; text-align:center; line-height:30px; color:#fff; margin-top:30px;}
	.inner_about2_more{ font-size:16px; margin:0 auto; margin-top:30px;}
	
	.inner_about3{ margin-top:40px;}
	.inner_about3_main li{ width:42%; height:345px; margin-top:50px;}
	.inner_about3_main li .pic{ position:absolute; top:-30px; left:0; text-align:center; width:100%;}
	.inner_about3_main li p{ font-size:20px; color:#2c2c2c; margin-top:60px; margin-bottom:10px;}
	
	.inner_about4{margin-bottom:40px;}
	.inner_about4_top{ color:#0b0306; font-size:24px; font-weight:bold; margin:50px 0 30px 0; text-align:center;}
	
	.inner_about5 li p{ font-size:24px;}
	.inner_about5 li .inner_about5_more{ width:70%;}


	
	.inner{ margin:40px auto; overflow:hidden;}
	
	
	.proleft { width: 100%; float:none;}
	.proright { width: 100%; padding-bottom:20px; float:none; margin-top:30px; border-bottom:1px solid #dcdcdc; }
	.proright h3{ overflow:hidden;}
	.pro_des{ color:#666666; margin-bottom:30px; line-height:30px; margin-top:30px;}
	.pro_adv { overflow:hidden;  border-top:1px solid #dcdcdc;}
	.pro_adv li{ width:50%; margin-top:30px;}
	
	
	.pro_info_main{ margin-top:40px;}
	.pro_info_top span{ color:#000; font-size:20px; }
	.pro_info_line{ height:1px; background:#dcdcdc; margin:20px 0;}
	.pro_info_line p{ width:44px; height:3px; background:#1f7bc4;}

	
	.zxrz_l{ margin-top:0;}
	.newshow .newshowtit h1{ font-size:18px;}
	
	.honor li{ width:46.5%; float:left; margin-right:2.5%; margin-top:2%;background:#fff; border:1px solid #bfbfbf;transition: all 0.8s ease 0s;  overflow:hidden;}
	.honor li .img{ width:80%; margin:0 auto; margin-top:30px;}
	.honor li .img img{ width:100%; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
	.honor li .title{ overflow:hidden;}
	.honor li:nth-child(4n){ margin-right:0;}
	.honor li:hover .img img{ transform: scale(1.05);}
	
	
	.jjfa{ width:90%; margin:0 auto;}
	.jjfa li{ margin-top:15px; padding:10%;}
	.jjfa li .jjfa_tit{ font-size:24px; color:#fff;}
	.jjfa li .jjfa_txt{ width:100%; margin:20px 0; line-height:30px;}
	.jjfa li .jjfa_tel span{ border:1px solid #fff; color:#fff; padding:10px; font-size:18px; font-weight:bold;}
	
	.inner_contact ul{ padding:0;}
	.inner_contact ul li{ width:100%; float:none; padding:80px 1% 0 1%; margin:1.5% 0; font-size:16px; color:#ffffff; min-height:153px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.2);}
	
	
	#dituContent{ width:100%; height:250px;}
	
	.inner_message{ overflow:hidden; margin-top:35px;}
	.inner_message_top{ width:100%; float:none; margin:15px 0;}
	.inner_message_top p{ font-size:24px; }
	.inner_message_main{ width:100%; float:none;}

	.inner_message_main .input-group{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message_main .input-group1{ margin-bottom:10px; width:97%; margin-right:0; float:none;}
	.inner_message_main .input-group1 input{width:97%;}
	.inner_message_main #captcha{ float:left; width:60%;}
	.inner_message_main #submit{ margin-top:10px;}



	

	

	
}
@media screen and (max-width: 772px){
	
	
	

		

}
@media screen and (max-width: 584px){
.inner_about5 li .inner_about5_more{ width:80%;}
}